<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link href="https://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" href="./css/index.css">
    <title>It's First Demo</title>
</head>
<body>
<header class="text-center">单向数据绑定列表视图</header>
<main>
    <table class="table table-responsive">
        <thead class="thead">
            <tr>
                <th>id号</th>
                <th>attribute</th>
                <th id="operate">
                    操作
                    <div class="hides">
                        <button class="btn btn-info pushRow">表尾插入一行</button>
                        <button class="btn btn-info unshiftRow">表头插入一行</button>
                    </div>
                </th>
            </tr>
        </thead>
        <tbody>
        </tbody>
        <tfoot>
            <tr>
                <td colspan="4">+</td>
            </tr>
        </tfoot>
    </table>
</main>
</body>
<script src="js/bb.js"></script>
</html>
